/************************************************** * 0 - common **************************************************/ .body_wrap { background-color:#ffffff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:999; display:none; } .body_wrap i { display:block; left:0; margin-top:-16px; position:absolute; text-align:center; top:50%; width:100%; } @media (min-width:0) { .inner { box-sizing:border-box; padding:0 10px; position:relative; } } @media (min-width:1220px) { .inner { margin:0 auto; width:1200px; } } /* section 공통 */ @media (min-width:0) { .section { padding:50px 10px; } .section_title { font-size:25px; margin-bottom:20px; } } @media (min-width: 1024px) { .section { padding:50px 10px; } .section_title { font-size:40px; margin-bottom:40px; } } @media (min-width: 1200px) { .section { padding:60px 0; } } /* custom.css */ .clearfix:after { clear:both; content:""; display:block; overflow:hidden; } .txc { text-align:center; } .ell1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4; height:1.4em; } .ell2 { display:inline-block; font-size:14px; max-height:2.8em; line-height:1.4; overflow:hidden; width:100%; } .ell3 { display:inline-block; font-size:14px; max-height:4.2em; line-height:1.4; overflow:hidden; width:100%; } .ell4 { display:inline-block; font-size:14px; max-height:5.6em; line-height:1.4; overflow:hidden; width:100%; } .ell5 { display:inline-block; font-size:14px; max-height:7em; line-height:1.4; overflow:hidden; width:100%; } /*드랍다운*/ .dropbtn { background-color:#fff; border:none; color:#fff; cursor:pointer; font-size:13px; padding:10px; } .dropbtn_default { background-color:#000; } .dropdown { display:inline-block; position:relative; } .dropdown-content { background-color:#fff; border:1px solid #ccc; border-top:0; display:none; min-width:160px; overflow:auto; position:absolute; z-index:2; } .dropdown-content a { color:#555; display:block; font-size:12px; padding:10px; text-decoration:none; } .dropdown a:hover { background-color:#f1f1f1; } .dropdown-content.show { display:block; } /* 비밀번호모달창 */ #dialog { display:none; } .ui-widget-content { border-color:#ccc; background:#fff; color:#545454; border-radius:0; font-size:14px; padding:0; z-index:9999; } .ui-dialog .ui-dialog-titlebar { border:none; background:none; color:#232323; border-radius:0; font-weight:normal; padding:0; font-size:16px; margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px; } .ui-dialog .ui-dialog-titlebar-close { border:0; background:none; font-weight:normal; color:#00529b; border-radius:0; } .ui-state-default .ui-icon { background:url('../images/contents/btn_close_01.png') no-repeat center; top:5px; } .ui-widget input { border-radius:0; } #dialog { margin:0 0 10px; } .ui-widget-overlay { background:rgba(0,0,0,0.6); opacity:1; z-index:9999; } #dialog .ui-state-default { border-radius:0; border-color:#64a023; background:none; font-weight:normal; color:#64a023; -webkit-transition:all 0.5s; transition:all 0.5s; } #dialog .ui-state-default:hover { background-color:#64a023; color:#fff; } /* lang style */ .subheader-gtrans { float:right; display:inline-block; } .goog-te-gadget img { display:none; } .goog-te-gadget-simple { height:28px; line-height:26px; border-color:#ccc !important; background:#fff url('../images/contents/icon_down_01.png') no-repeat 95% 50%; padding-left:10px; width:80px; text-align:left; } .goog-te-gadget-simple .goog-te-menu-value { margin:0; color:#666 !important; font-size:12px; } .goog-te-gadget-simple .goog-te-menu-value img { display:none; margin:0; } .goog-te-gadget-simple .goog-te-menu-value img + span { display:none; } div#goog-gt-tt { box-shadow:none !important; -webkit-box-shadow:none !important; } .goog-te-menu-frame { box-shadow:none !important; -webkit-box-shadow:none !important; } @media (min-width:1220px) { .goog-te-gadget-simple { width:100px; } } /************************************************** * animation **************************************************/ @-webkit-keyframes fadeEffect { from { opacity:0; } to { opacity:1; } } @keyframes fadeEffect { from { opacity:0; } to { opacity:1; } } .ani { -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; } @-webkit-keyframes animatetop { from { opacity:0; top:-300px; } to { opacity:1; top:0; } } @keyframes animatetop { from { opacity:0; top:-300px; } to { opacity:1; top:0; } } /************************************************** * iframe **************************************************/ .video-container { height:100%; overflow:hidden; position:relative; width:100%; } .video-container iframe, .video-container object, .video-container embed { height:100%; left:0; position:absolute; top:0; width:100%; } /************************************************** * modal **************************************************/ .modal { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); display:none; height:100%; left:0; overflow:auto; padding:100px 0; position:fixed; top:0; width:100%; z-index:9999; } .modal-content { animation-duration:0.4s; animation-name:animatetop; background-color:#fefefe; border:1px solid #888; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); margin:auto; padding:0; position:relative; -webkit-animation-duration:0.4s; -webkit-animation-name:animatetop; width:80%; } .close { color:white; float:right; font-size:28px; font-weight:bold; position:absolute; right:10px; top:-35px; width:16px; height:16px; } .close:hover, .close:focus { color:#000; cursor:pointer; text-decoration:none; } .modal-header { background-color:#5cb85c; color:white; padding:2px 16px; } .modal-body { padding:2px 16px; } .modal-footer { background-color:#5cb85c; color:white; padding:2px 16px; } @media (min-width:992px) { .modal { padding:150px 0; } } /************************************************** * mobile **************************************************/ @media (max-width:992px) { .mobile-only { display:block; } .pc-only { display:none; } } @media (min-width:992px) { .mobile-only { display:none; } .pc-only { display:block; } } /************************************************** * hiddencontent **************************************************/ .hiddencontents { display:none; } .hiddencontents.on { display:block; } /************************************************** * tabbox **************************************************/ @media (min-width:0) { .section .tab { list-style-type:none; margin:0; overflow:hidden; padding:0; } .section .tab li { float:left; margin-right:10px; } .section .tab li a { background-color:#888888; color:#ffffff; display:block; font-weight:bold; padding:14px 16px; text-align:center; text-decoration:none; transition:0.3s; } .section .tab li a:hover,.section .tab li a:focus, .section .tab li a.active { background-color:#f56363; } .section .tabcontent { animation:fadeEffect 1s; display:none; padding:6px 12px; -webkit-animation:fadeEffect 1s; } /* tab_sub */ .tab_sub { clear:both; position:absolute; top:-10px; width:calc(100% - 20px); z-index:3; } .tab_sub .section_tab { background:#fff; border:1px solid #ccc; border-bottom:0; box-sizing:border-box; overflow:hidden; } .tab_sub .section_tab li { border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; float:left; padding:0; text-align:center; } .tab_sub .section_tab li:last-child { border-right:none; } .tab_sub .section_tab li.on { border-bottom-color:#00529b; } .tab_sub .section_tab li.on a { color:#00529b; } .tab_sub .section_tab li.bnone { border-right:none; } .tab_sub .section_tab li a { color:#787878; display:block; line-height:40px; font-size:12px; } } @media (min-width:768px) { .tab_sub { width:100%; left:50%; margin-left:-50%; } .tab_sub .section_tab li { padding:0 10px; } .tab_sub .section_tab li a { font-size:14px; } } @media (min-width:992px) { .tab_sub .section_tab li a { font-size:15px; } } @media (min-width:1220px) { .tab_sub { top:-23px;} .tab_sub .section_tab li a { line-height:45px; } } /************************************************** * table_num **************************************************/ .table_num::before { clear:both; content:''; display:block; overflow:hidden; } .table_num { clear:both; margin:30px 0 0 0; width:100%; text-align:center; } .table_num ul { height:30px; line-height:30px; display:table; margin:0 auto; } .table_num ul li { float:left; margin-left:5px; text-align:center; width:30px; height:30px; } .table_num ul li:first-child{ margin-left:0; } .table_num ul li a { display:block; font-size:13px; color:#787878; line-height:29px; } .table_num ul li.on a { color:#00529b; font-weight:600; } .table_num ul li a.Prev{ display:block; background:url(../images/contents/left.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; } .table_num ul li a.PrevPrev { display:block; background:url(../images/contents/lleft.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; } .table_num ul li a.Next{ display:block; background:url(../images/contents/right.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; } .table_num ul li a.NextNext { display:block; background:url(../images/contents/rright.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; } @media (max-width: 640px) { .table_num ul li { margin-left:4px; width:25px; height:25px; } .table_num ul li a{ line-height:24px; } } /************************************************** * button group **************************************************/ @media (min-width:0) { .section .btn_group { margin-top:30px; text-align:center; } .section .btn_group::after { content:""; display:block; clear:both; overflow:hidden; } .section .btn_group .btn { display:inline-block; font-size:15px; height:35px; line-height:33px; margin:0 5px; padding:0 20px; -webkit-transition:all 0.5s; transition:all 0.5s; } .section .btn_group .btn.btn_default { background-color:#333; color:#fff; } .section .btn_group .btn.btn_submit { border:1px solid #00529b; color:#00529b; } .section .btn_group .btn.btn_cancel { border:1px solid #ccc; color:#787878; } .section .btn_group .btn.btn_write { background-color:#333; color:#fff; float:right; height:35px; line-height:33px; padding:0 20px; } .section .btn_group .btn.btn_more { border:1px solid #00529b; color:#00529b; } .section .btn_group .btn.btn_submit:hover { background-color:#00529b; color:#fff; } .section .btn_group .btn.btn_more:hover { background-color:#00529b; color:#fff; } } @media (min-width:992px) { .section .btn_group .btn { height:45px; line-height:43px; padding:0 30px; font-size:16px; } } @media (min-width:1024px) { .section .btn_group .btn.btn_more { margin-top:50px; } } /************************************************** * file_input_div **************************************************/ .file_input_div { background-color:#333; color:#fff; display:inline-block; height:34px; line-height:34px; overflow:hidden; position:relative; text-align:center; vertical-align:middle; width:70px; } .file_input_img_btn { background-color:#333; height:34px; line-height:34px; display:block; text-align:center; color:#fff; width:70px; } .file_input_hidden { font-size:0; position:absolute; right:0px; left:0; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; width:70px; height:34px; } input.file_input_textbox { height:34px; line-height:34px; padding:0 5px; width:90%; } /************************************************** * 3 - top scroll button **************************************************/ @media (min-width:0) { #top_scroll { background-color:#000000; border:1px solid #cccccc; bottom:30px; color:#ffffff; display:inline-block; font-weight:bold; height:30px; line-height:28px; position:fixed; right:10px; text-align:center; width:30px; z-index:999; } } @media (min-width: 1440px) { #top_scroll { margin-right:-680px; right:50%; } } @media (max-width:768px) { #top_scroll { zoom:0.9; } } /************************************************** * 0.1 - popup **************************************************/ .popuparea { z-index:95; display:none; } .popuparea .popupbox.newopen { width:560px; height:auto; cursor:pointer; box-sizing:border-box; padding-bottom:10px; } .popuparea .popupbox { position:absolute; z-index:100; overflow:hidden; border:3px solid #006db0; background-color:#fff; left:200px; top:130px; box-sizing:border-box; } .popuparea .popupbox button.btn-close {position:absolute; right:0; top:0; width:40px; height:40px; background:#006db0; color:#fff; cursor:pointer; text-align:center; } .popuparea .popupbox button.btn-close i { font-size:20px; } .popuparea .popupbox button.btn-more { position:absolute; right:10px; bottom:5px; font-size:13px; cursor:pointer; text-align:center; } .popuparea .popupbox button.btn-more img { width:10px; height:10px; margin-right:5px; } .popuparea .popupbox img { width:100%; height:100%; } .popuparea .popupbox .txtbox { line-height:1.6; font-size:14px; padding:20px 30px 50px; box-sizing:border-box; letter-spacing:0.2px; display:none; } .popuparea .popupbox span.tit { font-size:24px; display:block; line-height:1.4; color:#006db0; margin-bottom:20px; } .popuparea .popupbox span.from { display:block; text-align:right; font-size:24px; margin:30px 0 10px; } @media (max-width:992px) { .popuparea .popupbox { left:50%; top:50px; margin-left:-280px; } } @media (max-width:640px) { .popuparea { } .popuparea .popupbox.newopen { width:100%; } .popuparea .popupbox {left:0; top:0; margin-left:0; } } /************************************************** * 1 - #header **************************************************/ /************************************************** * 1.1 - top **************************************************/ @media (min-width:0) { #gnb { background-color:#f6f6f6; box-sizing:border-box; font-size:0; overflow:hidden; padding:0; } #gnb h1 { display:none; } #gnb h1 a { color:#545454; } /* hLeft */ #gnb .hLeft { box-sizing:content-box; float:left; padding:10px 0; width:40%; margin-top:3px; } #gnb .hLeft .pc-only { display:none; } #gnb .hLeft a, #gnb .hLeft span { color:#333333; display:inline-block; font-size:14px; line-height:1.4; margin-right:5px; vertical-align:middle; } #gnb .hLeft a i { margin-right:5px; } /* hRight */ #gnb .hRight { box-sizing:content-box; float:right; padding:5px 0 10px; width:60%; margin-top:3px; } #gnb .hRight .socialList { float:right; margin-right:5px; } #gnb .hRight .socialList select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:10px; width:80px; } #gnb .hRight .lang { display:inline-block; float:right; vertical-align:middle; } #gnb .hRight .lang select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:10px; width:80px; } } @media (min-width:768px) { #gnb .hLeft, #gnb .hRight { display:inline-block; vertical-align:middle; width:60%; } #gnb .hRight { float:right; width:40%; } #gnb .hRight .left, #gnb .hRight .right { width:50%; } #gnb .hLeft a, #gnb .hLeft span { font-size:16px; margin-right:20px; } } @media (min-width:992px) { #gnb { padding:10px 0; } #gnb h1 { display:inline-block; float:left; text-align:center; width:40%; } #gnb h1 a img { vertical-align:text-bottom; width:auto; } #gnb h1 a { display:inline-block; font-size:22px; height:35px; } #gnb .hLeft { margin-top:5px; padding:0; width:32%; } #gnb .hLeft .pc-only { display:inline-block; } #gnb .hRight { float:right; padding:0; width:28%; } } @media (min-width:1220px) { #gnb .hRight .socialList select { width:100px; } #gnb .hRight .lang select { width:100px; } } /************************************************** * 1.2 - main menu.type1 **************************************************/ @media (min-width:0) { #header.type1 #mainMenu { background-color:#fff; font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:9998; } #header.type1 #mainMenu.active { background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); position:fixed; top:0; -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); width:100%; } #header.type1 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; } #header.type1 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; } #header.type1 #mainMenu ul.topnav li { display:none; } #header.type1 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; } #header.type1 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; } #header.type1 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; color:#232323; } #header.type1 #mainMenu ul.topnav li.icon a { padding:10px 0; } #header.type1 #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; } #header.type1 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; } #header.type1 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; } #header.type1 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; } #header.type1 #mainMenu ul.topnav.responsive { position:relative; } #header.type1 #mainMenu ul.topnav.responsive li.first a { display:inline-block; } #header.type1 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; } #header.type1 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; } #header.type1 #mainMenu ul.topnav.responsive li { display:inline; float:none; } #header.type1 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; } } @media (min-width:992px) { #header.type1 #mainMenu ul.topnav li { display:inline-block; } #header.type1 #mainMenu ul.topnav li.first { display:none; } #header.type1 #mainMenu ul.topnav li.icon { display:none; } #header.type1 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; } #header.type1 #mainMenu ul.topnav li.first a { font-size:20px; } #header.type1 #mainMenu ul.topnav li.menu_w a { padding:16px 0; } #header.type1 #mainMenu ul.topnav li a.menu { border-bottom:none; } #header.type1 #mainMenu ul.topnav li a.bon { border-top:none; } #header.type1 #mainMenu ul.topnav.responsive li { float:left; } } @media (min-width:1280px) { #header.type1 #mainMenu .inner { width:1200px; padding:0; } } /************************************************** * 1.2 - main menu.type2 **************************************************/ @media (min-width:0) { #header.type2 #mainMenu { background-color:#fff; font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:9998; } #header.type2 #mainMenu.active { background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); position:fixed; top:0; -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); width:100%; } #header.type2 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; } #header.type2 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; } #header.type2 #mainMenu ul.topnav li { display:none; } #header.type2 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; } #header.type2 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; } #header.type2 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; color:#232323; } #header.type2 #mainMenu ul.topnav li.icon a { padding:10px 0; } #header.type2 #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; } #header.type2 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; } #header.type2 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; } #header.type2 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; } #header.type2 #mainMenu ul.topnav.responsive { position:relative; } #header.type2 #mainMenu ul.topnav.responsive li.first a { display:inline-block; } #header.type2 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; } #header.type2 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; } #header.type2 #mainMenu ul.topnav.responsive li { display:inline; float:none; } #header.type2 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; } } @media (min-width:992px) { #header.type2 #mainMenu { background-color:transparent; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); position:fixed; top:51px; width:100%; } #header.type2 #mainMenu.active ul.topnav li.first a { color:#545454; text-shadow:none; } #header.type2 #mainMenu.active ul.topnav li.menu_w a { color:#232323; text-shadow:none; } #header.type2 #mainMenu ul.topnav li { display:inline-block; } #header.type2 #mainMenu ul.topnav li.first { width:200px; } #header.type2 #mainMenu ul.topnav li.icon { display:none; } #header.type2 #mainMenu ul.topnav li.menu_w { border-bottom:2px solid transparent; box-sizing:border-box; } #header.type2 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; color:#fff; } #header.type2 #mainMenu ul.topnav li.menu_w:hover { border-bottom:2px solid rgba(255,255,255,0.6); } #header.type2 #mainMenu ul.topnav li.first a { font-size:20px; color:#fff; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); padding:0; margin:5px 0; } #header.type2 #mainMenu ul.topnav li.menu_w a { padding:16px 0; } #header.type2 #mainMenu ul.topnav li a.menu { border-bottom:none; } #header.type2 #mainMenu ul.topnav li a.bon { border-top:none; } #header.type2 #mainMenu ul.topnav.responsive li { float:left; } } @media (min-width:1280px) { #header.type2 #mainMenu .inner { width:1200px; padding:0; } } /************************************************** * 1.2 - main menu.type3 **************************************************/ @media (min-width:0) { #header.type3 #mainMenu { background-color:#fff; font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:9998; } #header.type3 #mainMenu.active { background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); position:fixed; top:0; -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); width:100%; } #header.type3 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; } #header.type3 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; } #header.type3 #mainMenu ul.topnav li { display:none; } #header.type3 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; } #header.type3 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; } #header.type3 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; color:#232323; } #header.type3 #mainMenu ul.topnav li.icon a { padding:10px 0; } #header.type3 #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; } #header.type3 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; } #header.type3 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; } #header.type3 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; } #header.type3 #mainMenu ul.topnav.responsive { position:relative; } #header.type3 #mainMenu ul.topnav.responsive li.first a { display:inline-block; } #header.type3 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; } #header.type3 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; } #header.type3 #mainMenu ul.topnav.responsive li { display:inline; float:none; } #header.type3 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; } } @media (min-width:992px) { #header.type3 #mainMenu { background-color:transparent; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); position:fixed; top:51px; width:100%; } #header.type3 #mainMenu.active ul.topnav li.first a { color:#545454; text-shadow:none; } #header.type3 #mainMenu.active ul.topnav li.menu_w a { color:#232323; text-shadow:none; } #header.type3 #mainMenu ul.topnav li { display:inline-block; } #header.type3 #mainMenu ul.topnav li.first { width:200px; } #header.type3 #mainMenu ul.topnav li.icon { display:none; } #header.type3 #mainMenu ul.topnav li.menu_w { border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; } #header.type3 #mainMenu ul.topnav li.menu_w:hover { border-color:rgba(255,255,255,1); } #header.type3 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; color:#fff; } #header.type3 #mainMenu ul.topnav li.first a { font-size:20px; color:#fff; -webkit-text-shadow:1px 1px 3px rgba(50,50,50,0.75); text-shadow:1px 1px 3px rgba(50,50,50,0.75); padding:0; margin:8px 0; } #header.type3 #mainMenu ul.topnav li.menu_w a { padding:16px 0; } #header.type3 #mainMenu ul.topnav li a.menu { border-bottom:none; } #header.type3 #mainMenu ul.topnav li a.bon { border-top:none; } #header.type3 #mainMenu ul.topnav.responsive li { float:left; } } @media (min-width:1280px) { #header.type3 #mainMenu .inner { width:1200px; padding:0; } } /************************************************** * 1.2 - main menu.type4 **************************************************/ @media (min-width:0) { #header.type4 #mainMenu { background-color:#fff; font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:9998; } #header.type4 #mainMenu.active { background-color:#ffffff; box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); position:fixed; top:0; -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75); width:100%; } #header.type4 #mainMenu .inner { overflow:hidden; position:relative; padding:0; width:100%; } #header.type4 #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; } #header.type4 #mainMenu ul.topnav li { display:none; } #header.type4 #mainMenu ul.topnav li.first { display:block; float:left; width:200px; text-align:left; } #header.type4 #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; } #header.type4 #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; color:#232323; } #header.type4 #mainMenu ul.topnav li.icon a { padding:10px 0; } #header.type4 #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:35px; font-size:18px; display:inline-block; text-shadow:none; padding:5px 10px; margin:5px 0; } #header.type4 #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; } #header.type4 #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; } #header.type4 #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; } #header.type4 #mainMenu ul.topnav.responsive { position:relative; } #header.type4 #mainMenu ul.topnav.responsive li.first a { display:inline-block; } #header.type4 #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; } #header.type4 #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; } #header.type4 #mainMenu ul.topnav.responsive li { display:inline; float:none; } #header.type4 #mainMenu ul.topnav.responsive li a { display:block; text-align:left; } } @media (min-width:992px) { #header.type4 #mainMenu ul.topnav li { display:inline-block; } #header.type4 #mainMenu ul.topnav li.first { display:inline-block; width:200px; } #header.type4 #mainMenu ul.topnav li.icon { display:none; } #header.type4 #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; } #header.type4 #mainMenu ul.topnav li.first a { font-size:20px; padding:0; margin:8px 0; } #header.type4 #mainMenu ul.topnav li.menu_w a { padding:16px 0; } #header.type4 #mainMenu ul.topnav li a.menu { border-bottom:none; } #header.type4 #mainMenu ul.topnav li a.bon { border-top:none; } #header.type4 #mainMenu ul.topnav.responsive li { float:left; } } @media (min-width:1280px) { #header.type4 #mainMenu .inner { width:1200px; padding:0; } } /************************************************** * #footer **************************************************/ @media (min-width:0) { #footer { background-color:#f4f4f4; border-top:1px solid #a1a1a1; overflow:hidden; position:relative; width:100%; } #footer .company { padding:10px 0; position:relative; width:100%; } #footer .company .btngp { display:inline-block; margin-top:5px; text-align:center; width:100%; } #footer .company .company_txt { color:#333; font-size:12px; line-height:1.4; padding:10px 0; } #footer .company .company_txt .bar { display:inline-block; font-size:10px; } #footer .company .company_txt .tx1 { font-size:12px; margin-top:5px; } #footer .company .company_txt p { text-align:center; } #footer .company .company_txt p:first-child { font-size:14px; line-height:1.6; } #footer .company .footbn { display:none; margin-top:5px; position:relative; } #footer .company .footbn ul { margin-bottom:10px; overflow:hidden; height:130px; } #footer .company .footbn ul li { position:relative; } #footer .company .footbn .slick-next { background:url("../images/contents/btn_next_01.png") no-repeat 0 0; background-size:contain; display:block; font-size:0; height:20px; margin-top:-10px; position:absolute; right:0; text-indent:-9999px; top:50%; width:12px; } #footer .company .footbn .slick-prev { background:url("../images/contents/btn_prev_01.png") no-repeat 0 0; background-size:contain; display:block; font-size:0; height:20px; left:0; margin-top:-10px; position:absolute; text-indent:-9999px; top:50%; width:12px; } #footer .company .footbn .imgbox { display:block; height:130px; width:100%; } #footer .company .footbn .imgbox img { height:100%; width:100%; } #footer .company .footbn .title { color:#fff; display:block; font-size:20px; height:50px; left:50%; margin-left:-150px; margin-top:-25px; position:absolute; text-align:center; top:50%; width:310px; } #footer .company .footbn .title em { font-size:11px; font-style:normal; } #footer .company .company_txt { } #footer .company .sns { padding:10px 0; } #footer .company .sns { display:inline-block; } #footer .company .sns .last { margin-right:0; } #footer .company .sns a { display:inline-block; margin-right:10px; vertical-align:middle; } #footer .company button { background-color:#0096db; color:#ffffff; cursor:pointer; display:inline-block; font-size:12px; height:30px; line-height:30px; margin-right:5px; padding:0 10px; } } @media (min-width:768px) { #footer .company .footbn .title { font-size:26px; } #footer .company .footbn .title em { font-size:12px; } } @media (min-width:992px) { #footer .company { overflow:hidden; } /* #footer .company .footbn + .company_txt { float:left; width:60%; } */ #footer .company .footbn { float:right; width:40%; } #footer .company .footbn .bx-next { width:18px; } #footer .company .footbn .bx-prev { width:18px; } } @media (min-width:1220px) { #footer .company { overflow:hidden; } #footer .company .footbn .bx-next { width:18px; } #footer .company .footbn .bx-prev { width:18px; } } /************************************************** * 2.1 - main banner **************************************************/ @media (min-width:0) { #mainBanner { position:relative; } #mainBanner .bxslider { position:relative; overflow:hidden; height:320px; } #mainBanner .bxslider li { position:relative; } #mainBanner .bxslider li .imgbox { background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:320px; } #mainBanner .bxslider li iframe { width:100%; height:100%; min-height:320px; } #mainBanner .bxslider li .txtbox_wrap { position:absolute; top:40%; left:0; right:0; width:calc(100% - 60px); text-align:center; margin:0 auto; } #mainBanner .bxslider li .txtbox_wrap .txtbox { color:#ffffff; line-height:1.4; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:24px; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:17px; } #mainBanner .slick-arrow { font-size:0; height:30px; margin-top:-12px; position:absolute; text-indent:-9999px; top:50%; transition:all 0.5s; width:30px; z-index:49; cursor:pointer; } #mainBanner .slick-prev { background:rgba(0,0,0,0.4) url("../images/contents/btn_prev_01.png") no-repeat center; background-size:60%; left:0; } #mainBanner .slick-next { background:rgba(0,0,0,0.4) url("../images/contents/btn_next_01.png") no-repeat center; background-size:60%; right:0; } #mainBanner:hover .slick-arrow { background-color:rgba(0,0,0,1); } } @media (min-width:480px) { #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:30px; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:20px; } } @media (min-width:768px) { #mainBanner .bxslider { height:450px; } #mainBanner .bxslider li .imgbox { height:450px; } #mainBanner .bxslider li iframe { min-height:450px; } } @media (min-width:992px) { #mainBanner .bxslider { height:540px; } #mainBanner .bxslider li .imgbox { height:540px; } #mainBanner .bxslider li iframe { min-height:540px; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:40px; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:30px; } } @media (min-width:1024px) { #mainBanner .bxslider { height:620px; } #mainBanner .bxslider li .imgbox { height:620px; } #mainBanner .bxslider li iframe { min-height:620px; } } @media (min-width:1280px) { #mainBanner .bxslider { height:720px; } #mainBanner .bxslider li .imgbox { height:720px; } #mainBanner .bxslider li iframe { min-height:720px; } #mainBanner .bxslider li .txtbox_wrap { width:1200px; } #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:45px; } #mainBanner .slick-arrow { height:40px; margin-top:-20px; width:40px; } #mainBanner .slick-prev { left:50%; margin-left:-600px; } #mainBanner .slick-next { margin-right:-600px; right:50%; } } @media (min-width:1440px) { #mainBanner .slick-prev { margin-left:-680px; } #mainBanner .slick-next { margin-right:-680px; } } /************************************************** * section_main - main **************************************************/ @media (min-width:0) { #contents { position:relative; } #section_main { background-color:rgba(50,50,50,0.8); position:relative; overflow:hidden; } #section_main .inner { padding:0; } #section_main p.title { display:block; font-size:20px; padding:15px 0; } /* 공지사항 */ #section_main .notice_div p.title a { float:right; font-size:14px; margin-top:7px; } #section_main .notice_div { color:#fff; height:220px; padding:10px; } #section_main .notice_div li { border-top:1px solid rgba(255,255,255,.2); overflow:hidden; padding:10px 0; width:100%; } #section_main .notice_div dd, #section_main .notice_div dt { float:left; } #section_main .notice_div dt { text-align:center; width:43px; } #section_main .notice_div dd { display:inline-block; float:left; width:calc(100% - 43px); } #section_main .notice_div dd a { display:block; font-size:15px; overflow:hidden; text-indent:10px; text-overflow:ellipsis; white-space:nowrap; } /* cs_div */ #section_main .cs_div { background:#1e5cb9 url('../images/contents/icon_tel.png') no-repeat 95% 60%; color:#fff; height:220px; padding:10px; } #section_main .cs_div b { display:block; font-size:30px; padding:0 0 15px 0; font-weight:normal; } #section_main .cs_div ul { display:table; float:right; margin-top:20px; } #section_main .cs_div ul li { float:left; margin:0 3px; } #section_main .cs_div ul a { border:2px solid #fff; display:block; height:40px; line-height:40px; text-align:center; width:40px; } #section_main .cs_div p small { display:block; padding-bottom:5px; } #section_main .cs_div a { border:1px solid #fff; color:#fff; display:inline-block; margin:15px 0 10px; text-align:center; padding:0 15px; height:34px; line-height:32px; transition:all 0.5s; } #section_main .cs_div:hover a { background-color:#232323; border-color:#232323; } /* banner_div */ #section_main .banner_div { box-sizing:border-box; color:#fff; height:220px; } #section_main .banner_div .map { height:100%; width:100%; } /* section_scroll */ #section_scroll { display:none; width:100px; height:30px; position:absolute; left:50%; bottom:-15px; margin-left:-50px; text-align:center; line-height:30px; background-color:#000; z-index:99; } #section_scroll a { color:#fff; display:block; transition:all 0.5s; font-size:16px; } #section_scroll.on a { transform:rotate(-180deg); } } @media (min-width:480px) { #section_main .notice_div { width:50%; float:left; } #section_main .cs_div { width:50%; float:left; } #section_main .banner_div { clear:both; } } @media (min-width:768px) { #section_main .notice_div { width:33.33%; } #section_main .cs_div { width:33.33%; } #section_main .banner_div { width:33.33%; float:left; clear:inherit; } } @media (min-width:992px) { #section_main { position:absolute; left:0; bottom:-225px; visibility:hidden; display:none; width:100%; } #section_main .notice_div { padding:10px 20px; } #section_main .cs_div { padding:10px 20px; } #section_main .banner_div { padding:10px 20px; } #section_scroll { display:inline-block; } } /************************************************** * 3.0 - #contents.type1 **************************************************/ /************************************************** * 3.1 - section1 (top_bg) - type0 **************************************************/ @media (min-width:0) { #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:30px 0; text-align:center; background-attachment:fixed; } #contents #section1 .tx1 { color:#fff; font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } #contents #section1 .tx2 { color:#fff; font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } } @media (min-width:992px) { #contents #section1 { padding:60px 0; } #contents #section1 .tx1 { font-size:48px; } #contents #section1 .tx2 { font-size:20px; } } /************************************************** * 3.1 - section1 (top_bg) - type1 **************************************************/ @media (min-width:0) { #header.type1 + #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:30px 0; text-align:center; background-attachment:fixed; } #header.type1 + #contents #section1 .tx1 { color:#fff; font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } #header.type1 + #contents #section1 .tx2 { color:#fff; font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } } @media (min-width:992px) { #header.type1 + #contents #section1 { padding:60px 0; } #header.type1 + #contents #section1 .tx1 { font-size:48px; } #header.type1 + #contents #section1 .tx2 { font-size:20px; } } /************************************************** * 3.1 - section1 (top_bg) - type2 **************************************************/ @media (min-width:0) { #header.type2 + #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:45px 0; text-align:center; background-attachment:fixed; } #header.type2 + #contents #section1 .tx1 { color:#fff; font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } #header.type2 + #contents #section1 .tx2 { color:#fff; font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } } @media (min-width:992px) { #header.type2 + #contents #section1 { padding:90px 0; } #header.type2 + #contents #section1 .tx1 { font-size:48px; } #header.type2 + #contents #section1 .tx2 { font-size:20px; } } /************************************************** * 3.1 - section1 (top_bg) - type3 **************************************************/ @media (min-width:0) { #header.type3 + #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:45px 0; text-align:center; background-attachment:fixed; } #header.type3 + #contents #section1 .tx1 { color:#fff; font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } #header.type3 + #contents #section1 .tx2 { color:#fff; font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } } @media (min-width:992px) { #header.type3 + #contents #section1 { padding:90px 0; } #header.type3 + #contents #section1 .tx1 { font-size:48px; } #header.type3 + #contents #section1 .tx2 { font-size:20px; } } /************************************************** * 3.1 - section1 (top_bg) - type4 **************************************************/ @media (min-width:0) { #header.type4 + #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:30px 0; text-align:center; background-attachment:fixed; } #header.type4 + #contents #section1 .tx1 { color:#fff; font-size:24px; font-weight:400; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } #header.type4 + #contents #section1 .tx2 { color:#fff; font-size:14px; margin-top:15px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); } } @media (min-width:992px) { #header.type4 + #contents #section1 { padding:60px 0; } #header.type4 + #contents #section1 .tx1 { font-size:48px; } #header.type4 + #contents #section1 .tx2 { font-size:20px; } } /************************************************** * 3.2 - section2 (소개) **************************************************/ @media (min-width:0) { #contents.type1 #section2 { clear:both; padding-bottom:40px; } #contents.type1 #section2 .contright { overflow:hidden; } #contents.type1 #section2 .intro_slider { position:relative; } #contents.type1 #section2 .right8 .intro_slider { width:100%; } #contents.type1 #section2 .intro_slider ul { box-sizing:border-box; } #contents.type1 #section2 .intro_slider ul li { min-height:450px; background-size:cover; background-position:center; background-repeat:no-repeat; } #contents.type1 #section2 .intro_slider .slick-arrow { position:absolute; top:50%; width:24px; height:24px; margin-top:-12px; font-size:0; text-indent:-9999px; z-index:45; opacity:0.6; transition:all 0.5s; } #contents.type1 #section2 .intro_slider .slick-prev { left:0; background:url(../images/contents/btn_prev_03.png) center center; background-size:contain; } #contents.type1 #section2 .intro_slider .slick-next{ right:0; background:url(../images/contents/btn_next_03.png) center center; background-size:contain; } #contents.type1 #section2 .intro_slider:hover .slick-arrow { opacity:1; } /* inputtable */ #contents.type1 #section2 .inputtable { width:100%; border-top:1px solid #ccc; text-align:center; display:block; overflow:hidden; } #contents.type1 #section2 .inputtable tbody { display:block; } #contents.type1 #section2 .inputtable tr { display:block; width:100%; height:40px; line-height:40px; } #contents.type1 #section2 .inputtable tr th { display:inline-block; width:35%; float:left; font-size:14px; padding-left:5px; background:#f4f4f4; text-align:left; font-weight:400; color:#898989; vertical-align:middle; } #contents.type1 #section2 .inputtable tr td { display:inline-block; width:65%; float:left; font-size:14px; padding-left:5px; text-align:left; color:#898989; vertical-align:middle; } #contents.type1 #section2 .inputtable tr td span { line-height:1.4; display:inline-block; vertical-align:middle; } #contents.type1 #section2 .w50{ width:100%; margin:20px 0; } #contents.type1 #section2 .left1{ box-sizing:border-box; padding:0 20px; margin-bottom:20px; } #contents.type1 #section2 .w50 p{ line-height:1.4; font-size:16px; text-align:justify; color:#787878; } } @media (min-width:480px) { /* inputtable */ #contents.type1 #section2 .inputtable tr th { padding-left:20px; border-bottom:1px solid #e5e5e5; } #contents.type1 #section2 .inputtable tr td { padding-left:20px; border-bottom:1px solid #e5e5e5; } } @media (min-width:640px) { #contents.type1 #section2 { padding-bottom:0; } } @media (min-width:768px) { #contents.type1 #section2 .w50 { float:left; width:50%; margin:40px 0; } #contents.type1 #section2 .left1 { margin-bottom:0; } /* inputtable */ #contents.type1 #section2 .inputtable { width:100%; text-align:center; display:table; } #contents.type1 #section2 .inputtable tbody { display:inline-block; float:left; } #contents.type1 #section2 .inputtable tr { display:inline-block; } #contents.type1 #section2 .inputtable tr th { padding-left:15px; width:20%; } #contents.type1 #section2 .inputtable tr td { padding-left:15px; width:30%; } #contents.type1 #section2 .inputtable tr td[colspan] { width:80%; } } /************************************************** * 3.4 - section4 (메뉴소개) **************************************************/ @media (min-width:0) { #contents.type1 #section4 > * { color:#787878; } #contents.type1 #section4 .slider-for .flbox { box-sizing:border-box; } #contents.type1 #section4 .slider-for .flbox .imgbox { background-position:center; background-repeat:no-repeat; background-size:cover; height:240px; width:100%; } #contents.type1 #section4 .slider-for .flbox .imgbox img { height:100%; width:100%; } #contents.type1 #section4 .slider-for .frbox { box-sizing:border-box; } #contents.type1 #section4 .slider-for .frbox .txtbox { background-color:#f4f4f4; box-sizing:border-box; line-height:1.4; padding:40px 30px; } #contents.type1 #section4 .slider-for .frbox .txtbox2 { background-color:#fff; line-height:1.6; padding:20px 30px; } #contents.type1 #section4 .slider-for .frbox .txtbox .tx1 { font-size:24px; font-weight:500; color:#333; } #contents.type1 #section4 .slider-for .frbox .txtbox .tx2 { font-size:18px; } #contents.type1 #section4 .slider-for .frbox .txtbox .tx3 { font-size:20px; } #contents.type1 #section4 .slider-for .frbox .txtbox .tx4 { font-size:16px; height:16em; overflow:hidden; } #contents.type1 #section4 .slider-for .frbox .txtbox .tx5 { font-size:13px; margin-top:10px; } #contents.type1 #section4 .nav_wrapper { background-color:#f4f4f4; border:1px solid #ccc; box-sizing:border-box; margin-top:20px; padding:20px; position:relative; } #contents.type1 #section4 .nav_wrapper .imgbox { background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; height:120px; margin:10px; cursor:pointer; } #contents.type1 #section4 .nav_wrapper .imgbox img { height:100%; width:100%; } #contents.type1 #section4 .nav_wrapper .slick-arrow { display:block; font-size:0; height:26px; margin-top:-13px; position:absolute; text-indent:-9999px; top:50%; width:20px; cursor:pointer; } #contents.type1 #section4 .nav_wrapper .slick-prev { background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; } #contents.type1 #section4 .nav_wrapper .slick-next { background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; } #contents.type1 #section4 .nav_wrapper .txtbox { line-height:1.4; padding:0 15px; } #contents.type1 #section4 .nav_wrapper .tx1 { font-size:16px; font-weight:400; color:#333; } } @media (min-width:640px) { #contents.type1 #section4 .slider-for .flbox .imgbox { height:400px; } #contents.type1 #section4 .nav_wrapper .imgbox { height:160px; } } @media (min-width:992px) { #contents.type1 #section4 .slider-for .flbox .imgbox { height:450px; } #contents.type1 #section4 .nav_wrapper .imgbox { height:200px; } } @media (min-width:1200px) { #contents.type1 #section4 .slider-for .flbox { float:left; padding-right:40px; width:55%; } #contents.type1 #section4 .slider-for .frbox { float:left; width:45%; } } /************************************************** * 3.5 - section5 (view) **************************************************/ @media (min-width:0) { #contents.type1 #section5 { clear:both; } #contents.type1 #section5>* { color:#787878; } #contents.type1 #section5 .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; color:#666666; overflow:hidden; } #contents.type1 #section5 .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; padding:10px 0; } #contents.type1 #section5 .sec1 > p i { margin:0 5px; } #contents.type1 #section5 .sec1 > p:nth-of-type(1) { border-top:none; width:100%; } #contents.type1 #section5 .sec1 > p:nth-of-type(2) { text-align:left; width:100%; } #contents.type1 #section5 .sec1 > .sec2_btn { padding:15px 0; margin:0; width:100%; } #contents.type1 #section5 .sec1 > .sec2_btn .date span { margin:0; } #contents.type1 #section5 .sec2 { padding:10px 0 20px 0; } #contents.type1 #section5 .sec2_btn { overflow:hidden; padding-bottom:10px; } #contents.type1 #section5 .sec2_btn .date .flbox { } #contents.type1 #section5 .sec2_btn .date span { display:inline-block; font-size:14px; margin:6px 3px; } #contents.type1 #section5 .sec2_btn .date span i { color:#c00; } #contents.type1 #section5 .sec2_btn span em { color:#c00; font-style:normal; } #contents.type1 #section5 .sec2_btn .edit { margin:3px 0 0; } #contents.type1 #section5 .sec2_btn .edit a { border:1px solid #ccc; border-radius:5px; display:inline-block; font-size:13px; height:22px; line-height:20px; padding:0 5px; } #contents.type1 #section5 .sec3 { min-height:250px; padding:20px 0; line-height:1.4; font-size:15px; } #contents.type1 #section5 .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; } #contents.type1 #section5 .sec4 th, #contents.type1 #section5 .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; } #contents.type1 #section5 .sec4 th { font-weight:normal; width:70px; } #contents.type1 #section5 .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; } #contents.type1 #section5 .sec4 th.next, #contents.type1 #section5 .sec4 td.next { background-color:white; } #contents.type1 #section5 .sec4 td a { display:block; } #contents.type1 #section5 .sec5 { margin:50px 0; text-align:center; } #contents.type1 #section5 .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; } #contents.type1 #section5 .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:20px 0; padding:30px; } #contents.type1 #section5 .sec6 > p { margin-bottom:10px; } #contents.type1 #section5 .sec6 > p.title { font-size:16px; font-weight:bold; } #contents.type1 #section5 .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; } #contents.type1 #section5 .sec6 > p.cont span { margin-right:15px; } #contents.type1 #section5 .sec6 > p.cont i { color:#dc5411; } #contents.type1 #section5 .sec6 > p.cont b { display:block; line-height:1.4; margin-left:20px; } } @media (min-width:768px) { #contents.type1 #section5 .sec1 > p { border-top:none; padding:15px 0; } #contents.type1 #section5 .sec1 > p:nth-of-type(1) { width:70%; } #contents.type1 #section5 .sec1 > p:nth-of-type(2) { text-align:right; width:30%; } #contents.type1 #section5 .sec1 > .sec2_btn { width:30%; } #contents.type1 #section5 .sec1 > .sec2_btn .date { float:right; text-align:right; } #contents.type1 #section5 .sec2_btn .date { float:left; text-align:left; } #contents.type1 #section5 .sec2_btn .edit { float:right; text-align:left; } #contents.type1 #section5 .sec4 th, #contents.type1 #section5 .sec4 td { padding:15px; } #contents.type1 #section5 .sec4 th { width:100px; } #contents.type1 #section5 .sec6 > p.cont b { display:inline-block; } } @media (min-width:1280px) { #contents.type1 #section5 .sec6 { margin:50px 0; padding:40px 25px; } #contents.type1 #section5 .sec6 th, #contents.type1 #section5 .sec6 td { padding:20px; } } /************************************************** * 3.6 - section6(예약신청) **************************************************/ @media (min-width:0) { #contents.type1 #section6 > * { color:#787878; } #contents.type1 #section6 .row { box-sizing:border-box; font-size:0; } #contents.type1 #section6 .rightcont .inner { width:100%; } #contents.type1 #section6 .row .col { box-sizing:border-box; display:inline-block; width:100%; } #contents.type1 #section6 .row .col .info { background-color:#f5f5f5; box-sizing:border-box; display:block; font-size:15px; line-height:1.4; padding:10px; text-align:left; color:#333; } #contents.type1 #section6 .row .col .reservation { box-sizing:border-box; margin-bottom:30px; padding:10px 5px; } #contents.type1 #section6 .row .col .reservation .input label { cursor:inherit; display:inline-block; width:20%; color:#333; } #contents.type1 #section6 .row .col .reservation .input label b { font-size:16px; font-weight:normal; } #contents.type1 #section6 .row .col .reservation .input input { display:inline-block; width:80%; } #contents.type1 #section6 .row .col .reservation .input textarea { display:inline-block; vertical-align:middle; width:80%; } #contents.type1 #section6 .row .col .reservation .input .captchabox { display:inline-block; width:80%; vertical-align:middle; } #contents.type1 #section6 .row .col .reservation .input .captchabox .imgbox { border:1px solid #ccc; overflow:hidden; } #contents.type1 #section6 .row .col .reservation .input .captchabox input { float:left; width:calc(100% - 84px); } #contents.type1 #section6 .row .col .reservation .input .captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; } #contents.type1 #section6 .row .col .reservation .input.select_wrap { margin:7px 0; } #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown { margin-right:1px; } #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; } #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; } #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; } #contents.type1 #section6 .row .col .reservation .input select.last { margin-right:0; } #contents.type1 #section6 .row .col .responsive { border:1px solid #cccccc; border-collapse:collapse; table-layout:fixed; width:100%; } #contents.type1 #section6 .row .col .responsive th { background-color:#f5f5f5; border-bottom:1px solid #cccccc; padding:10px 0; color:#333; font-weight:400; } #contents.type1 #section6 .row .col .responsive th span { font-size:14px; } #contents.type1 #section6 .row .col .responsive td { padding:10px 0; text-align:center; vertical-align:middle; font-weight:400; color:#333; } #contents.type1 #section6 .row .col .responsive td.even { background-color:#f5f5f5; } #contents.type1 #section6 .row .col .responsive td.con { text-align:left; } #contents.type1 #section6 .row .col .responsive td.con span { position:relative; } #contents.type1 #section6 .row .col .responsive td.con span a { display:block; width:80%; } #contents.type1 #section6 .row .col .responsive td.con span i { color:#ff0000; position:absolute; right:15px; top:0; } #contents.type1 #section6 .row .col .responsive td.con span i:nth-of-type(2) { right:0; } #contents.type1 #section6 .row .col .responsive td span { display:block; font-size:12px; } #contents.type1 #section6 .row .col .board { background-color:#fff; box-sizing:border-box; padding:10px 5px; } #contents.type1 #section6 .row .col .board .tx9 { font-size:12px; } #contents.type1 #section6 .reservation .textbox { border:1px solid #cccccc; box-sizing:border-box; font-size:14px; height:110px; line-height:1.4; margin:10px 0; overflow-y:auto; padding:10px; width:100%; } #contents.type1 #section6 .reservation .form_row input { margin:0; } #contents.type1 #section6 .reservation .form_row span { display:inline-block; font-size:12px; margin:8px 0; vertical-align:middle; } #contents.type1 #section6 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; } #contents.type1 #section6 .cbox { clear:both; } #contents.type1 #section6 .cbox input { margin-right:5px; } #contents.type1 #section6 .cbox label { color:#333; } } @media (min-width:640px) { #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown { margin-right:5px; } } @media (min-width:768px) { #contents.type1 #section6 .box { padding:20px 40px; } } @media (min-width:1280px) { #contents.type1 #section6 { background-size:contain; } #contents.type1 #section6 .row .col .reservation { margin-bottom:0; } #contents.type1 #section6 .row .col { vertical-align:top; width:calc(50% - 5px); } #contents.type1 #section6 .row .col .info { margin-top:0; } #contents.type1 #section6 .row .col1 { margin-right:5px; } #contents.type1 #section6 .row .col2 { margin-left:5px; } #contents.type1 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn { width:60px; } #contents.type1 #section6 .row .col .responsive td span { font-size:13px; } } /************************************************** * 3.7 - section7 (예약확인) **************************************************/ @media (min-width:0) { #contents.type1 #section7 .info { background-color:#fbf5e1; border:1px solid #cccccc; clear:both; padding:10px; line-height:1.4; font-size:14px; } #contents.type1 #section7 .info span { color:#ec2027; } #contents.type1 #section7 .table_layout { margin-top:20px; } #contents.type1 #section7 .table_layout .th, #contents.type1 #section7 .table_layout .td { padding:10px; font-size:15px; } #contents.type1 #section7 .table_layout .th { background-color:#eeeeee; } #contents.type1 #section7 .table_layout .th b { font-weight:400; } #contents.type1 #section7 .table_layout .td span { color:#003cd4; text-decoration:underline; } #contents.type1 #section7 .btn_group { margin-top:20px; } } @media (min-width:768px) { #contents.type1 #section7 .info { padding:20px; font-size:15px; } #contents.type1 #section7 .table_layout { border-collapse:collapse; display:table; width:100%; } #contents.type1 #section7 .table_layout .row { display:table-row; } #contents.type1 #section7 .table_layout .th, #contents.type1 #section7 .table_layout .td { border:1px solid #cccccc; display:table-cell; padding:15px; } #contents.type1 #section7 .table_layout .th { width:150px; } #contents.type1 #section7 .btn_group { margin-top:40px; } } /************************************************** * 3.8 - section8 (이용후기쓰기, 고객의소리) **************************************************/ @media (min-width:0) { #contents.type1 #section8 > * { color:#787878; } #contents.type1 #section8 .section_inner { margin-bottom:20px; } #contents.type1 #section8 .section_inner .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; } #contents.type1 #section8 .section_inner .form_row label b { font-weight:400; color:#232323; } #contents.type1 #section8 .section_inner .form_row small { color:#ec2027; vertical-align:middle; } #contents.type1 #section8 .section_inner .form_row .input_wrap { width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; } #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin:10px 1px 10px 0; } #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; } #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; } #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap #file { position:relative; } #contents.type1 #section8 .section_inner .form_row .input_wrap .file_input_textbox { width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul { width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li { float:left; width:30%; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li.w10 { text-align:center; width:auto; font-size:11px; padding:17px 7px; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li.w15 { padding:10px 5px; text-align:center; width:auto; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li select { width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li.last { margin-left:1%; } #contents.type1 #section8 .section_inner .form_row .input_wrap .myrating { margin:12px 0; } #contents.type1 #section8 .section_inner .form_row .input_wrap .myrating span { font-size:14px; line-height:27px; margin-right:2px; } #contents.type1 #section8 .section_inner .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; } #contents.type1 #section8 .section_inner .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; } #contents.type1 #section8 .section_inner .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; } #contents.type1 #section8 .section_inner .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); } #contents.type1 #section8 .section_inner .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; } #contents.type1 #section8 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; } #contents.type1 #section8 .cbox { clear:both; } #contents.type1 #section8 .cbox input { margin-right:5px; } #contents.type1 #section8 .cbox label { color:#333; } } @media (min-width:640px) { #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin-right:3px; } } @media (min-width:768px) { #contents.type1 #section8 .section_inner .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccc; overflow:hidden; } #contents.type1 #section8 .section_inner .form_row:nth-of-type(1) { border-top:1px solid #cccccc; } #contents.type1 #section8 .section_inner .form_row:nth-last-of-type(1) { border-bottom:1px solid #cccccc; } #contents.type1 #section8 .section_inner .form_row label { float:left; line-height:50px; width:15%; padding:0 20px; } #contents.type1 #section8 .section_inner .form_row .input_wrap, #contents.type1 #section8 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:85%; background-color:#ffffff; box-sizing:border-box; padding:0 30px; } #contents.type1 #section8 .section_inner .form_row .input_wrap select { margin:10px 0; } #contents.type1 #section8 .section_inner .form_row .input_wrap input { margin:10px 0; width:60%; } #contents.type1 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { width:60px; } #contents.type1 #section8 .section_inner .form_row .input_wrap .file_input_textbox { width:80%; } #contents.type1 #section8 .section_inner .form_row .input_wrap .file_input_div { right:20%; top:10px; } #contents.type1 #section8 .section_inner .form_row .text_wrap textarea { margin:11px 0; } #contents.type1 #section8 .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li.w15 { padding:17px 7px; } #contents.type1 #section8 .section_inner .form_row .input_wrap ul li input { width:100%; } #contents.type1 #section8 .section_inner .form_row .input_wrap.captchabox a { margin:10px 0; margin-left:3px; } #contents.type1 #section8 .box { padding:20px 40px; } } @media (min-width:1024px) { #contents.type1 #section8 .section .btn_group { margin-top:40px; } } /************************************************** * 3.9 - section9 (갤러리) **************************************************/ @media (min-width:0) { #contents.type1 #section9 { position:relative; } #contents.type1 #section9 .for_wrapper { position:relative; } #contents.type1 #section9 .slider-for div { background-position:center; background-repeat:no-repeat; background-size:cover; min-height:320px; } #contents.type1 #section9 .slider-for .txtbox { bottom:5%; left:0; line-height:1.4; position:absolute; text-align:center; width:100%; } #contents.type1 #section9 .slider-for .txtbox em { color:#fff; display:block; font-size:20px; font-style:normal; font-weight:500; } #contents.type1 #section9 .slider-for .txtbox span { color:#fff; display:block; font-size:14px; } #contents.type1 #section9 .nav_wrapper { position:relative; } #contents.type1 #section9 .slider-nav { box-sizing:content-box; padding:5px 20px; } #contents.type1 #section9 .slider-nav div.slick-slide { background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 5px; min-height:80px; outline:0; cursor:pointer; } #contents.type1 #section9 .nav_wrapper .slick-arrow { display:block; font-size:0; height:20px; margin-top:-10px; position:absolute; text-indent:-9999px; top:50%; width:20px; z-index:45; cursor:pointer; } #contents.type1 #section9 .nav_wrapper .slick-prev { background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; } #contents.type1 #section9 .nav_wrapper .slick-next { background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; } } @media (min-width:768px) { #contents.type1 #section9 .slider-for div.slick-slide { min-height:450px; } #contents.type1 #section9 .slider-for .txtbox { bottom:30px; } #contents.type1 #section9 .slider-for .txtbox em { font-size:30px; } #contents.type1 #section9 .slider-for .txtbox span { font-size:24px; } #contents.type1 #section9 .slider-nav { padding:10px 20px; } #contents.type1 #section9 .slider-nav div.slick-slide { margin:0 10px; min-height:100px; } } @media (min-width:992px) { #contents.type1 #section9 .slider-for div.slick-slide { min-height:540px; } #contents.type1 #section9 .slider-nav div.slick-slide { margin:0 10px; min-height:140px; } } @media (min-width:1280px) { #contents.type1 #section9 .slider-for div.slick-slide { min-height:620px; } } /************************************************** * 3.10 - section10 **************************************************/ @media (min-width:0) { #contents.type1 #section10 >* { color:#787878; } #contents.type1 #section10 ul.list { border-top:1px solid #adadad; } #contents.type1 #section10 ul.list li { border-bottom:1px solid #cccccc; padding:15px 0; } #contents.type1 #section10 ul.list li a { display:block; } #contents.type1 #section10 ul.list li a p { color:#333; display:block; font-size:14px; } #contents.type1 #section10 ul.list li a p:nth-last-of-type(1) { margin-top:15px; } #contents.type1 #section10 ul.list li a p span { border-right:1px solid #cccccc; color:#787878; display:inline-block; font-size:13px; line-height:1; padding:0 5px; } #contents.type1 #section10 ul.list li a p span:nth-of-type(1) { padding-left:0; } #contents.type1 #section10 ul.list li a p i { color:#dc5411; } #contents.type1 #section10 ul.list li a p i.fa_o { color:#ffffff; } } @media (min-width:768px) { #contents.type1 #section10 ul.list li a p span { padding:0 10px; } } @media (min-width:1024px) { #contents.type1 #section10 ul.list li a p { padding:0 20px; } } /************************************************** * 3.11 - section11 (오시는길) **************************************************/ @media (min-width:0) { #contents.type1 #section11 { clear:both; } #contents.type1 #section11 iframe { height:450px; width:100%; } #contents.type1 #section11 h5 { border-bottom:1px solid #232323; color:#232323; font-size:24px; font-weight:500; line-height:1; margin:10px 0 15px; padding-bottom:10px; text-align:left; } #contents.type1 #section11 h6 { color:#232323; font-size:16px; margin:3px 0 5px 0; font-weight:500; } #contents.type1 #section11 p { color:#787878; font-size:17px; line-height:1.4; } #contents.type1 #section11 .loca { margin-bottom:15px; } #contents.type1 #section11 .loca2 { width:100%; } #contents.type1 #section11 .loca2 .icon { float:left; height:80px; width:25%; max-width:120px; } #contents.type1 #section11 .loca2 .icon span { color:#fff; display:block; font-size:26px; font-weight:bold; height:70px; line-height:70px; text-align:center; width:100%; min-width:70px; } #contents.type1 #section11 .loca2 .txt { box-sizing:border-box; color:#787878; float:left; font-size:13px; line-height:1.4; padding-left:8px; width:75%; } #contents.type1 #section11 .loca2 .color1 { background:#af1f1f; } #contents.type1 #section11 .loca2 .color2 { background:#0071b3; } #contents.type1 #section11 .loca2 .color3 { background:#ff9c00; } } @media (min-width:1200px) { #contents.type1 #section11 p { font-size:18px; } #contents.type1 #section11 .loca2 { padding:10px 0; width:100%; } } /************************************************** * 3.12 - section12 (공지사항) **************************************************/ @media (min-width:0) { #contents.type1 #section12 table { border-collapse:collapse; table-layout:fixed; width:100%; } #contents.type1 #section12 table .no_mobile { display:none; } #contents.type1 #section12 table .cont { width:50%; } #contents.type1 #section12 table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; } #contents.type1 #section12 table th:nth-of-type(1) { width:20%; } #contents.type1 #section12 table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; } #contents.type1 #section12 table td.cont { text-align:left; } #contents.type1 #section12 table th span { color:#333333; } #contents.type1 #section12 table td span { color:#666666; } #contents.type1 #section12 table td a { display:block; padding:0 5px; } } @media (min-width:768px) { #contents.type1 #section12 table .no_mobile { display:table-cell; } #contents.type1 #section12 table th:nth-of-type(1), #contents.type1 #section12 table th:nth-last-of-type(1) { width:10%; } #contents.type1 #section12 table td a { padding:0 20px; } } @media (min-width:1280px) { #contents.type1 #section12 table th { padding:15px 0; } #contents.type1 #section12 table td { padding:16px 0; } } /************************************************** * 3.13 - section13 (자주하는 질문) **************************************************/ @media (min-width:0) { #contents.type1 #section13 .tab { border-bottom:2px solid #00529b; box-sizing:border-box; margin:0 auto 20px; overflow:hidden; padding:0 7px; } #contents.type1 #section13 .tab li { box-sizing:border-box; float:left; margin-right:5px; width:auto; } #contents.type1 #section13 .tab li a { background-color:#fff; border:1px solid #ccc; border-bottom:none; border-radius:5px 5px 0 0; box-sizing:border-box; color:#787878; display:block; margin-left:-1px; padding:10px 7px; } #contents.type1 #section13 .tab li:first-child a { margin-left:0; } #contents.type1 #section13 .tab li a:hover, #contents.type1 #section13 .tab li a.active, #contents.type1 #section13 .tab li a:focus { background-color:#00529b; color:#fff; } #contents.type1 #section13 .tabcontent { border-bottom:1px solid #adadad; border-top:1px solid #adadad; margin-top:10px; padding:0; } #contents.type1 #section13 .panel_open { border-bottom:1px solid #cccccc; padding:12px 10px; } #contents.type1 #section13 .panel_open:nth-last-of-type(1) { border-bottom:none; } #contents.type1 #section13 .panel_open .panel_title { cursor:pointer; position:relative; } #contents.type1 #section13 .panel_open .panel_title span { background-color:#555; color:#fff; display:inline-block; margin-right:5px; padding:5px; } #contents.type1 #section13 .panel_open .panel_title b { font-weight:400; font-size:15px; } #contents.type1 #section13 .panel_open .panel_title span.iconbox { background-color:transparent; display:inline-block; height:16px; margin-right:0; padding:0; position:absolute; right:0px; top:10px; width:16px; } #contents.type1 #section13 .panel_open .panel_content { display:none; padding:10px; } #contents.type1 #section13 .panel_open .panel_content table { width:100%; } #contents.type1 #section13 .panel_open .panel_content th { width:30px; } #contents.type1 #section13 .panel_open .panel_content th span { display:inline-block; margin-right:10px; padding:0 5px; } #contents.type1 #section13 .panel_open .panel_content td { line-height:1.4; color:#787878; } } @media (min-width:640px) { #contents.type1 #section13 .tab { padding:0 10px; } #contents.type1 #section13 .tab li a { padding:10px 15px; } } @media (min-width:768px) { #contents.type1 #section13 .panel_open .panel_title span { padding:7px 10px; } } @media (min-width:1024px) { #contents.type1 #section13 .tabcontent { padding:0; } #contents.type1 #section13 .tabcontent .form_row { margin:10px 0; } #contents.type1 #section13 .tabcontent .form_row label { width:130px; } #contents.type1 #section13 .tabcontent .textbox { width:91%; } #contents.type1 #section13 .panel_open .panel_content { padding:20px; } } @media (min-width:1280px) { #contents.type1 #section13 .tabcontent .textbox { width:1020px; } } /************************************************** * 3.0 - #contents.type2 **************************************************/ /************************************************** * 3.2 - section2 (소개) **************************************************/ @media (min-width:0) { #contents.type2 #section2 .titlebox { display:block; line-height:1.4; margin-bottom:20px; overflow:hidden; } #contents.type2 #section2 .titlebox .txt1 { color:#787878; font-size:24px; } #contents.type2 #section2 .titlebox .txt1 em { color:#000; } #contents.type2 #section2 .slideBox { position:relative; } #contents.type2 #section2 .slideBox li.slick-slide { background-size:cover; background-position:center; background-repeat:no-repeat; min-height:320px; } #contents.type2 #section2 .slideBox .dotsset { display:block; margin-top:10px; text-align:center; } #contents.type2 #section2 .slideBox .dotsset li { display:inline-block; margin:0 3px; } #contents.type2 #section2 .slideBox .dotsset li button { background-color:#eee; border-radius:100%; font-size:0; height:12px; text-indent:-9999px; width:12px; } #contents.type2 #section2 .slideBox .dotsset li.slick-active button { background-color:#000; } #contents.type2 #section2 .txtbox { color:#787878; font-size:15px; line-height:1.4; margin-bottom:30px; margin-top:30px; } /* inputtable */ #contents.type2 #section2 .inputtable { width:100%; border-top:1px solid #ccc; text-align:center; display:block; overflow:hidden; } #contents.type2 #section2 .inputtable tbody { display:block; } #contents.type2 #section2 .inputtable tr { display:block; width:100%; height:40px; line-height:40px; } #contents.type2 #section2 .inputtable tr th { display:inline-block; width:35%; float:left; font-size:14px; padding-left:5px; background:#f4f4f4; text-align:left; font-weight:400; color:#898989; vertical-align:middle; } #contents.type2 #section2 .inputtable tr td { display:inline-block; width:65%; float:left; font-size:14px; padding-left:5px; text-align:left; color:#898989; vertical-align:middle; } #contents.type2 #section2 .inputtable tr td span { line-height:1.4; display:inline-block; vertical-align:middle; } } @media (min-width:480px) { #contents.type2 #section2 .inputtable tr th { padding-left:20px; border-bottom:1px solid #e5e5e5; } #contents.type2 #section2 .inputtable tr td { padding-left:20px; border-bottom:1px solid #e5e5e5; } } @media (min-width:768px) { #contents.type2 #section2 .inputtable { width:100%; text-align:center; display:table; } #contents.type2 #section2 .inputtable tbody { display:inline-block; float:left; } #contents.type2 #section2 .inputtable tr { display:inline-block; } #contents.type2 #section2 .inputtable tr th { padding-left:15px; width:20%; } #contents.type2 #section2 .inputtable tr td { padding-left:15px; width:30%; } #contents.type2 #section2 .inputtable tr td[colspan] { width:80%; } } @media (min-width:992px) { #contents.type2 #section2 .titlebox .txt1 em { font-size:32px; } } @media (min-width:1200px) { #contents.type2 #section2 .titlebox .txt1 em { font-size:40px; } } /************************************************** * 3.4 - section4 (메뉴소개) **************************************************/ @media (min-width:0) { #contents.type2 #section4 { } #contents.type2 #section4 > * { color:#787878; } #contents.type2 #section4 .four_grid { font-size:0; } #contents.type2 #section4 .four_grid .gird_wrap { box-sizing:border-box; margin-bottom:10px; } #contents.type2 #section4 .four_grid .gird_wrap > a { display:block; } #contents.type2 #section4 .four_grid .gird_wrap .grid { box-sizing:border-box; cursor:pointer; position:relative; } #contents.type2 #section4 .four_grid .gird_wrap .grid .imgbox { height:200px; position:relative; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; border:3px solid #ccc; transition:all 0.5s; } #contents.type2 #section4 .four_grid .gird_wrap .grid:hover .imgbox { border-color:#000; } #contents.type2 #section4 .four_grid .gird_wrap .grid .txtbox { line-height:1.4; padding:5px 15px; text-align:left; } #contents.type2 #section4 .four_grid .gird_wrap .grid .txtbox .tx1 { color:#232323; font-size:17px; line-height:1.6; } #contents.type2 #section4 .four_grid .gird_wrap .grid .txtbox .tx2 { font-size:13px; } #contents.type2 #section4 .four_grid .gird_wrap .grid .txtbox .tx3 { color:#ff4e00; font-size:15px; } #contents.type2 #section4 .modal .close i { color:#000; margin-right:20px; } #contents.type2 #section4 .modal .flbox { box-sizing:border-box; height:240px; } #contents.type2 #section4 .modal .imgbox { height:100%; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; } #contents.type2 #section4 .modal .frbox { box-sizing:border-box; } #contents.type2 #section4 .modal .txtbox { background-color:#f4f4f4; line-height:1.4; padding:10px; } #contents.type2 #section4 .modal .txtbox2 { background-color:#fff; } #contents.type2 #section4 .modal .txtbox .tx1 { color:#232323; font-size:20px; } #contents.type2 #section4 .modal .txtbox .tx2 { font-size:16px; color:#232323; } #contents.type2 #section4 .modal .txtbox .tx3 { font-size:15px; font-weight:bold; } #contents.type2 #section4 .modal .txtbox .tx3 .price { color:#ff4e00; } #contents.type2 #section4 .modal .txtbox .tx4 { font-size:13px; line-height:1.6; max-height:16em; color:#787878; } #contents.type2 #section4 .modal .txtbox .tx5 { font-size:12px; margin-top:20px; } } @media (min-width:480px) { #contents.type2 #section4 .four_grid .gird_wrap .grid .imgbox { height:320px; } } @media (min-width:640px) { #contents.type2 #section4 .four_grid .gird_wrap { float:left; margin-right:20px; width:calc(50% - 10px); margin-bottom:20px; } #contents.type2 #section4 .four_grid .gird_wrap:nth-child(2n) { margin-right:0; } } @media (min-width:992px) { #contents.type2 #section4 .four_grid .gird_wrap { box-sizing:border-box; margin-right:20px !important; width:calc(25% - 15px); } #contents.type2 #section4 .four_grid .gird_wrap:nth-child(4n) { margin-right:0 !important; } } @media (min-width: 1024px) { #contents.type2 #section4 .modal .flbox { float:left; height:420px; width:60%; padding-left:20px; padding-bottom:20px; padding-top:20px; } #contents.type2 #section4 .modal .frbox { float:left; padding:0 20px; width:40%; padding-top:20px; } #contents.type2 #section4 .modal .txtbox { padding:20px; } #contents.type2 #section4 .modal .txtbox .tx1 { font-size:30px; } #contents.type2 #section4 .modal .txtbox .tx2 { font-size:18px; } #contents.type2 #section4 .modal .txtbox .tx3 { font-size:18px; } #contents.type2 #section4 .modal .txtbox .tx4 { font-size:14px; } #contents.type2 #section4 .modal .txtbox .tx5 { font-size:12px; } } /************************************************** * 3.5 - section5 (view) **************************************************/ @media (min-width:0) { #contents.type2 #section5 { clear:both; } #contents.type2 #section5>* { color:#787878; } #contents.type2 #section5 .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; color:#666666; overflow:hidden; } #contents.type2 #section5 .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; padding:10px 0; } #contents.type2 #section5 .sec1 > p i { margin:0 5px; } #contents.type2 #section5 .sec1 > p:nth-of-type(1) { border-top:none; width:100%; } #contents.type2 #section5 .sec1 > p:nth-of-type(2) { text-align:left; width:100%; } #contents.type2 #section5 .sec1 > .sec2_btn { padding:15px 0; margin:0; width:100%; } #contents.type2 #section5 .sec1 > .sec2_btn .date span { margin:0; } #contents.type2 #section5 .sec2 { padding:10px 0 20px 0; } #contents.type2 #section5 .sec2_btn { overflow:hidden; padding-bottom:10px; } #contents.type2 #section5 .sec2_btn .date .flbox { } #contents.type2 #section5 .sec2_btn .date span { display:inline-block; font-size:14px; margin:6px 3px; } #contents.type2 #section5 .sec2_btn .date span i { color:#c00; } #contents.type2 #section5 .sec2_btn span em { color:#c00; font-style:normal; } #contents.type2 #section5 .sec2_btn .edit { margin:3px 0 0; } #contents.type2 #section5 .sec2_btn .edit a { border:1px solid #ccc; border-radius:5px; display:inline-block; font-size:13px; height:22px; line-height:20px; padding:0 5px; } #contents.type2 #section5 .sec3 { min-height:250px; padding:20px 0; line-height:1.4; font-size:15px; } #contents.type2 #section5 .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; } #contents.type2 #section5 .sec4 th, #contents.type2 #section5 .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; } #contents.type2 #section5 .sec4 th { font-weight:normal; width:70px; } #contents.type2 #section5 .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; } #contents.type2 #section5 .sec4 th.next, #contents.type2 #section5 .sec4 td.next { background-color:white; } #contents.type2 #section5 .sec4 td a { display:block; } #contents.type2 #section5 .sec5 { margin:50px 0; text-align:center; } #contents.type2 #section5 .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; } #contents.type2 #section5 .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:20px 0; padding:30px; } #contents.type2 #section5 .sec6 > p { margin-bottom:10px; } #contents.type2 #section5 .sec6 > p.title { font-size:16px; font-weight:bold; } #contents.type2 #section5 .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; } #contents.type2 #section5 .sec6 > p.cont span { margin-right:15px; } #contents.type2 #section5 .sec6 > p.cont i { color:#dc5411; } #contents.type2 #section5 .sec6 > p.cont b { display:block; line-height:1.4; margin-left:20px; } } @media (min-width:768px) { #contents.type2 #section5 .sec1 > p { border-top:none; padding:15px 0; } #contents.type2 #section5 .sec1 > p:nth-of-type(1) { width:70%; } #contents.type2 #section5 .sec1 > p:nth-of-type(2) { text-align:right; width:30%; } #contents.type2 #section5 .sec1 > .sec2_btn { width:30%; } #contents.type2 #section5 .sec1 > .sec2_btn .date { float:right; text-align:right; } #contents.type2 #section5 .sec2_btn .date { float:left; text-align:left; } #contents.type2 #section5 .sec2_btn .edit { float:right; text-align:left; } #contents.type2 #section5 .sec4 th, #contents.type2 #section5 .sec4 td { padding:15px; } #contents.type2 #section5 .sec4 th { width:100px; } #contents.type2 #section5 .sec6 > p.cont b { display:inline-block; } } @media (min-width:1280px) { #contents.type2 #section5 .sec6 { margin:50px 0; padding:40px 25px; } #contents.type2 #section5 .sec6 th, #contents.type2 #section5 .sec6 td { padding:20px; } } /************************************************** * 3.6 - section6(예약신청) **************************************************/ @media (min-width:0) { #contents.type2 #section6 > * { color:#787878; } #contents.type2 #section6 .row { box-sizing:border-box; font-size:0; } #contents.type2 #section6 .rightcont .inner { width:100%; } #contents.type2 #section6 .row .col { box-sizing:border-box; display:inline-block; width:100%; } #contents.type2 #section6 .row .col .info { background-color:#f5f5f5; box-sizing:border-box; display:block; font-size:15px; line-height:1.4; padding:10px; text-align:left; color:#333; } #contents.type2 #section6 .row .col .reservation { box-sizing:border-box; margin-bottom:30px; padding:10px 5px; } #contents.type2 #section6 .row .col .reservation .input label { cursor:inherit; display:inline-block; width:20%; color:#333; } #contents.type2 #section6 .row .col .reservation .input label b { font-size:16px; font-weight:normal; } #contents.type2 #section6 .row .col .reservation .input input { display:inline-block; width:80%; } #contents.type2 #section6 .row .col .reservation .input textarea { display:inline-block; vertical-align:middle; width:80%; } #contents.type2 #section6 .row .col .reservation .input .captchabox { display:inline-block; width:80%; vertical-align:middle; } #contents.type2 #section6 .row .col .reservation .input .captchabox .imgbox { border:1px solid #ccc; overflow:hidden; } #contents.type2 #section6 .row .col .reservation .input .captchabox input { float:left; width:calc(100% - 84px); } #contents.type2 #section6 .row .col .reservation .input .captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; } #contents.type2 #section6 .row .col .reservation .input.select_wrap { margin:7px 0; } #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown { margin-right:1px; } #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; } #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; } #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; } #contents.type2 #section6 .row .col .reservation .input select.last { margin-right:0; } #contents.type2 #section6 .row .col .responsive { border:1px solid #cccccc; border-collapse:collapse; table-layout:fixed; width:100%; } #contents.type2 #section6 .row .col .responsive th { background-color:#f5f5f5; border-bottom:1px solid #cccccc; padding:10px 0; color:#333; font-weight:400; } #contents.type2 #section6 .row .col .responsive th span { font-size:14px; } #contents.type2 #section6 .row .col .responsive td { padding:10px 0; text-align:center; vertical-align:middle; font-weight:400; color:#333; } #contents.type2 #section6 .row .col .responsive td.even { background-color:#f5f5f5; } #contents.type2 #section6 .row .col .responsive td.con { text-align:left; } #contents.type2 #section6 .row .col .responsive td.con span { position:relative; } #contents.type2 #section6 .row .col .responsive td.con span a { display:block; width:80%; } #contents.type2 #section6 .row .col .responsive td.con span i { color:#ff0000; position:absolute; right:15px; top:0; } #contents.type2 #section6 .row .col .responsive td.con span i:nth-of-type(2) { right:0; } #contents.type2 #section6 .row .col .responsive td span { display:block; font-size:12px; } #contents.type2 #section6 .row .col .board { background-color:#fff; box-sizing:border-box; padding:10px 5px; } #contents.type2 #section6 .row .col .board .tx9 { font-size:12px; } #contents.type2 #section6 .reservation .textbox { border:1px solid #cccccc; box-sizing:border-box; font-size:14px; height:110px; line-height:1.4; margin:10px 0; overflow-y:auto; padding:10px; width:100%; } #contents.type2 #section6 .reservation .form_row input { margin:0; } #contents.type2 #section6 .reservation .form_row span { display:inline-block; font-size:12px; margin:8px 0; vertical-align:middle; } #contents.type2 #section6 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; } #contents.type2 #section6 .cbox { clear:both; } #contents.type2 #section6 .cbox input { margin-right:5px; } #contents.type2 #section6 .cbox label { color:#333; } } @media (min-width:640px) { #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown { margin-right:5px; } } @media (min-width:768px) { #contents.type2 #section6 .box { padding:20px 40px; } } @media (min-width:1280px) { #contents.type2 #section6 { background-size:contain; } #contents.type2 #section6 .row .col .reservation { margin-bottom:0; } #contents.type2 #section6 .row .col { vertical-align:top; width:calc(50% - 5px); } #contents.type2 #section6 .row .col .info { margin-top:0; } #contents.type2 #section6 .row .col1 { margin-right:5px; } #contents.type2 #section6 .row .col2 { margin-left:5px; } #contents.type2 #section6 .row .col .reservation .input.select_wrap .dropdown .dropbtn { width:60px; } #contents.type2 #section6 .row .col .responsive td span { font-size:13px; } } /************************************************** * 3.7 - section7 (예약확인) **************************************************/ @media (min-width:0) { #contents.type2 #section7 .info { background-color:#fbf5e1; border:1px solid #cccccc; clear:both; padding:10px; line-height:1.4; font-size:14px; } #contents.type2 #section7 .info span { color:#ec2027; } #contents.type2 #section7 .table_layout { margin-top:20px; } #contents.type2 #section7 .table_layout .th, #contents.type2 #section7 .table_layout .td { padding:10px; font-size:15px; } #contents.type2 #section7 .table_layout .th { background-color:#eeeeee; } #contents.type2 #section7 .table_layout .th b { font-weight:400; } #contents.type2 #section7 .table_layout .td span { color:#003cd4; text-decoration:underline; } #contents.type2 #section7 .btn_group { margin-top:20px; } } @media (min-width:768px) { #contents.type2 #section7 .info { padding:20px; font-size:15px; } #contents.type2 #section7 .table_layout { border-collapse:collapse; display:table; width:100%; } #contents.type2 #section7 .table_layout .row { display:table-row; } #contents.type2 #section7 .table_layout .th, #contents.type2 #section7 .table_layout .td { border:1px solid #cccccc; display:table-cell; padding:15px; } #contents.type2 #section7 .table_layout .th { width:150px; } #contents.type2 #section7 .btn_group { margin-top:40px; } } /************************************************** * 3.8 - section8 (이용후기쓰기, 고객의소리) **************************************************/ @media (min-width:0) { #contents.type2 #section8 > * { color:#787878; } #contents.type2 #section8 .section_inner { margin-bottom:20px; } #contents.type2 #section8 .section_inner .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; } #contents.type2 #section8 .section_inner .form_row label b { font-weight:400; color:#232323; } #contents.type2 #section8 .section_inner .form_row small { color:#ec2027; vertical-align:middle; } #contents.type2 #section8 .section_inner .form_row .input_wrap { width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; } #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin:10px 1px 10px 0; } #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; } #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; } #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap #file { position:relative; } #contents.type2 #section8 .section_inner .form_row .input_wrap .file_input_textbox { width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul { width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li { float:left; width:30%; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li.w10 { text-align:center; width:auto; font-size:11px; padding:17px 7px; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li.w15 { padding:10px 5px; text-align:center; width:auto; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li select { width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li.last { margin-left:1%; } #contents.type2 #section8 .section_inner .form_row .input_wrap .myrating { margin:12px 0; } #contents.type2 #section8 .section_inner .form_row .input_wrap .myrating span { font-size:14px; line-height:27px; margin-right:2px; } #contents.type2 #section8 .section_inner .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; } #contents.type2 #section8 .section_inner .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; } #contents.type2 #section8 .section_inner .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; } #contents.type2 #section8 .section_inner .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); } #contents.type2 #section8 .section_inner .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; } #contents.type2 #section8 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; } #contents.type2 #section8 .cbox { clear:both; } #contents.type2 #section8 .cbox input { margin-right:5px; } #contents.type2 #section8 .cbox label { color:#333; } } @media (min-width:640px) { #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin-right:3px; } } @media (min-width:768px) { #contents.type2 #section8 .section_inner .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccc; overflow:hidden; } #contents.type2 #section8 .section_inner .form_row:nth-of-type(1) { border-top:1px solid #cccccc; } #contents.type2 #section8 .section_inner .form_row:nth-last-of-type(1) { border-bottom:1px solid #cccccc; } #contents.type2 #section8 .section_inner .form_row label { float:left; line-height:50px; width:15%; padding:0 20px; } #contents.type2 #section8 .section_inner .form_row .input_wrap, #contents.type2 #section8 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:85%; background-color:#ffffff; box-sizing:border-box; padding:0 30px; } #contents.type2 #section8 .section_inner .form_row .input_wrap select { margin:10px 0; } #contents.type2 #section8 .section_inner .form_row .input_wrap input { margin:10px 0; width:60%; } #contents.type2 #section8 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { width:60px; } #contents.type2 #section8 .section_inner .form_row .input_wrap .file_input_textbox { width:80%; } #contents.type2 #section8 .section_inner .form_row .input_wrap .file_input_div { right:20%; top:10px; } #contents.type2 #section8 .section_inner .form_row .text_wrap textarea { margin:11px 0; } #contents.type2 #section8 .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li.w15 { padding:17px 7px; } #contents.type2 #section8 .section_inner .form_row .input_wrap ul li input { width:100%; } #contents.type2 #section8 .section_inner .form_row .input_wrap.captchabox a { margin:10px 0; margin-left:3px; } #contents.type2 #section8 .box { padding:20px 40px; } } @media (min-width:1024px) { #contents.type2 #section8 .section .btn_group { margin-top:40px; } } /************************************************** * 3.9 - section9 (갤러리) **************************************************/ @media (min-width:0) { #contents.type2 #section9 { position:relative; } #contents.type2 #section9 .photo { overflow:hidden; padding-bottom:20px; } #contents.type2 #section9 .grid-item { box-sizing:border-box; display:block; border:1px solid #ccc; margin-bottom:5%; cursor:pointer; } #contents.type2 #section9 .grid-item .ell3 { word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } #contents.type2 #section9 .grid-item .imgbox { width:100%; height:70%; background-size:cover; background-position:center; background-repeat:no-repeat; min-height:240px; } #contents.type2 #section9 .grid-item .txtbox { width:100%; height:30%; padding:10px 15px; box-sizing:border-box; line-height:1.4; } #contents.type2 #section9 .grid-item .txtbox .tx1 { font-size:18px; } #contents.type2 #section9 .grid-item .txtbox .tx2 { font-size:14px; height:4.2em; color:#787878; } #contents.type2 #section9 .grid-item .txtbox .tx2.ell3 { height:4.2em; } } @media (min-width:640px) { #contents.type2 #section9 .grid-item .imgbox { min-height:320px; } } @media (min-width:768px) { #contents.type2 #section9 .grid-item { float:left; width:49.5%; margin-right:1%; margin-bottom:1%; } #contents.type2 #section9 .grid-item:nth-child(2n) { margin-right:0; } } @media (min-width:1200px) { #contents.type2 #section9 .photo { width:1200px; height:700px; } #contents.type2 #section9 .grid-item { float:left; margin-right:1% !important; margin-bottom:1%; } #contents.type2 #section9 .grid-item .imgbox { min-height:auto; } #contents.type2 #section9 .grid-item1 { width:38%; height:50%; } #contents.type2 #section9 .grid-item2 { width:29.5%; height:50%; } #contents.type2 #section9 .grid-item3 { width:29.5%; height:33.33%; float:right; margin-bottom:0.5%; } #contents.type2 #section9 .grid-item4 { width:29.5%; height:33.33%; float:right; margin-bottom:0.5%; } #contents.type2 #section9 .grid-item5 { width:29.5%; height:50%; } #contents.type2 #section9 .grid-item6 { width:38%; height:50%; } #contents.type2 #section9 .grid-item7 { width:29.5%; height:33.33%; float:right; } #contents.type2 #section9 .grid-item .txtbox .tx1 { font-size:18px; } #contents.type2 #section9 .grid-item .txtbox .tx2 { font-size:14px; height:1.4em; } } /************************************************** * 3.10 - section10 (이용후기) **************************************************/ @media (min-width:0) { #contents.type2 #section10 >* { color:#787878; } #contents.type2 #section10 ul.list { overflow:hidden; } #contents.type2 #section10 ul.list li { margin-bottom:15px; } #contents.type2 #section10 ul.list li a { display:block; } #contents.type2 #section10 ul.list li .imgbox { height:225px; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; } #contents.type2 #section10 ul.list li .txtarea { font-size:14px; line-height:1.4; height:215px; overflow-y:auto; margin-bottom:10px; } #contents.type2 #section10 ul.list li .tit { color:#232323; display:block; line-height:1.4; margin:10px 0; font-size:16px; font-weight:500; } #contents.type2 #section10 ul.list li .flbox { float:left; } #contents.type2 #section10 ul.list li .flbox span { margin-right:10px; } #contents.type2 #section10 ul.list li .frbox { float:right; } #contents.type2 #section10 ul.list li .frbox i { color:#ff8400; text-align:right; } } @media (min-width:640px) { #contents.type2 #section10 ul.list li { float:left; margin-right:1%; width:49.5%; } #contents.type2 #section10 ul.list li:nth-child(2n) { margin-right:0; } } @media (min-width:992px) { #contents.type2 #section10 ul.list li { float:left; margin-right:1% !important; width:32.33% !important; } #contents.type2 #section10 ul.list li:nth-child(3n) { margin-right:0 !important; } } /* 이용후기 모달창 */ @media (min-width:0) { #contents.type2 #section10 #modal_review { } #contents.type2 #section10 #modal_review .review_slide { position:relative; } #contents.type2 #section10 #modal_review .review_slide .for_wrapper { position:relative; } #contents.type2 #section10 #modal_review .btn_close { display:block; height:20px; } #contents.type2 #section10 #modal_review .btn_close .close { position:relative; right:10px; top:-10px; width:20px; height:20px; } #contents.type2 #section10 .modal-content { border:none; background:none; max-width:1200px; width:95%; } /* flbox */ #contents.type2 #section10 .modal-content .flbox { box-sizing:border-box; background-color:rgba(0,0,0,0.8); padding:10px; } #contents.type2 #section10 .flbox .review_slide .slider-for div { width:100%; max-height:620px; overflow:hidden; } #contents.type2 #section10 .flbox .review_slide .slider-for div img { height:200px; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:1.4; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox em { display:block; color:#fff; font-weight:bold; font-size:20px; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox span { display:block; color:#fff; font-size:14px; } #contents.type2 #section10 .flbox .review_slide .nav_wrapper { position:relative; } #contents.type2 #section10 .flbox .review_slide .slider-nav { box-sizing:content-box; margin:0 -10px; } #contents.type2 #section10 .flbox .review_slide .slider-nav div { padding:5px 0; outline:0; height:70px; box-sizing:border-box; margin:0 5px; } #contents.type2 #section10 .flbox .review_slide .for_wrapper .slick-arrow { display:block; position:absolute; top:50%; width:24px; height:30px; margin-top:-15px; font-size:0; text-indent:-9999px; z-index:45; } #contents.type2 #section10 .flbox .review_slide .for_wrapper .slick-prev { left:0; background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; } #contents.type2 #section10 .flbox .review_slide .for_wrapper .slick-next { right:0; background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; } /* frbox */ #contents.type2 #section10 .modal-content .flbox + .frbox { box-sizing:border-box; background-color:#fff; padding:10px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1{color: #666666;overflow: hidden;border-top: 2px solid #000000;border-bottom: 1px solid #cccccc; padding:0 5px; box-sizing:border-box; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p{float: left;border-top: 1px solid #cccccc;padding: 10px 0;box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 .review_pt { color:#c00; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1){border-top: none; font-size:16px; color:#000; text-align:left; width:75%; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(2){ display:none; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3){ width:25%; text-align:right; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec2 .btns { padding:10px 0 0; text-align:right; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec2 .btns a { border:1px solid #ccc; border-radius:3px; padding:0 5px; font-size:12px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3{ height:auto; padding:19px 0} #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 p.tx2{font-weight: bold; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 p.tx3 { line-height:1.4; height:7em; overflow-y:auto; font-size:15px; text-align:left; color:#666; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 table.event{ width:40%; text-align:center; line-height:25px;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 table.event td,#contents.type2 #section10 .flbox + .frbox .review_contents .sec3 table.event th{ font-size:12px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 { display:none; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 table{width: 100%;border-top: 2px solid #343434;table-layout: fixed} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th, #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th{width: 70px;font-weight: normal} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th.next, #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 td.next{background-color: white} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 td a{display: block} #contents.type2 #section10 .flbox + .frbox .review_contents .sec5{text-align: center;margin: 50px 0;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px} #contents.type2 #section10 .flbox + .frbox .review_contents .sec6{background-color: #f5f5f5;padding:15px;margin: 10px 0; border:1px solid #d1d1d1; box-sizing:border-box;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p{margin-bottom: 10px} #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p.title{ font-size:16px; font-weight:bold; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p.cont span{ margin-right:15px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p.cont i{ color:#dc5411; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6 > p.cont b{ margin-left:20px; } } @media (min-width:480px) { #contents.type2 #section10 .flbox .review_slide .slider-for div img { height:240px; } } @media (min-width:640px) { #contents.type2 #section10 .flbox .review_slide .slider-for div img { height:320px; } } @media (min-width:768px) { /* flbox */ #contents.type2 #section10 .flbox .review_slide .slider-nav div { height:120px; } #contents.type2 #section10 .flbox .review_slide .slider-for div img { height:510px; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox { bottom:30px; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox em { font-size:36px; } #contents.type2 #section10 .flbox .review_slide .slider-for .txtbox span { font-size:24px; } /* frbox */ #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p{border-top: none; padding: 15px 0;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1){width: 58%} #contents.type2 #section10 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3){width: 42%; text-align:right;} #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th, #contents.type2 #section10 .review_contents .sec4 td{padding:2.5%; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6{margin:4.5% 0; padding:3%; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th{width: 80px} } @media (min-width:992px) { #contents.type2 #section10 #modal_review { padding-top:50px; } /* flbox*/ #contents.type2 #section10 .modal-content .flbox { width:65%; float:left; border-radius:15px 0 0 15px; padding:30px; } /* frbox*/ #contents.type2 #section10 .modal-content .flbox + .frbox { width:35%; float:left; border-radius:0 15px 15px 0; padding:30px 15px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 p.tx3 { height:406px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec3 { height:100%; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 th, #contents.type2 #section10 .review_contents .sec4 td{ padding:15px 10px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec6{ margin:18px 0; padding:20px; } #contents.type2 #section10 .flbox + .frbox .review_contents .sec4 { display:block; } } @media (min-width:1200px) { #contents.type2 #section10 #modal_review { padding-top:70px; } } /* 이용후기 모달창2 */ @media (min-width:0) { #contents.type2 #section10 #modal_review2 { } #contents.type2 #section10 #modal_review2 .modal-content { border:none; background:none; max-width:600px; width:95%; } #contents.type2 #section10 .modal-content .frbox { box-sizing:border-box; background-color:#fff; padding:10px; } #contents.type2 #section10 .review_contents .sec1{color: #666666;overflow: hidden;border-top: 2px solid #000000;border-bottom: 1px solid #cccccc; padding:0 5px; box-sizing:border-box; } #contents.type2 #section10 .review_contents .sec1 > p{float: left;border-top: 1px solid #cccccc;padding: 10px 0;box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #contents.type2 #section10 .review_contents .sec1 .review_pt { color:#c00; } #contents.type2 #section10 .review_contents .sec1 > p:nth-of-type(1){border-top: none; font-size:16px; color:#000; text-align:left; width:75%; } #contents.type2 #section10 .review_contents .sec1 > p:nth-of-type(2){ display:none; } #contents.type2 #section10 .review_contents .sec1 > p:nth-of-type(3){ width:25%; text-align:right; } #contents.type2 #section10 .review_contents .sec2 .btns { padding:10px 0 0; text-align:right; } #contents.type2 #section10 .review_contents .sec2 .btns a { border:1px solid #ccc; border-radius:3px; padding:0 5px; font-size:12px; } #contents.type2 #section10 .review_contents .sec3{ height:auto; padding:19px 0} #contents.type2 #section10 .review_contents .sec3 p.tx2{font-weight: bold; } #contents.type2 #section10 .review_contents .sec3 p.tx3 { line-height:1.4; height:7em; overflow-y:auto; font-size:15px; text-align:left; color:#666; } #contents.type2 #section10 .review_contents .sec3 table.event{ width:40%; text-align:center; line-height:25px;} #contents.type2 #section10 .review_contents .sec3 table.event td,#contents.type2 #section10 .review_contents .sec3 table.event th{ font-size:12px; } #contents.type2 #section10 .review_contents .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;} #contents.type2 #section10 .review_contents .sec4 { display:none; } #contents.type2 #section10 .review_contents .sec4 table{width: 100%;border-top: 2px solid #343434;table-layout: fixed} #contents.type2 #section10 .review_contents .sec4 th, #contents.type2 #section10 .review_contents .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; } #contents.type2 #section10 .review_contents .sec4 th{width: 70px;font-weight: normal} #contents.type2 #section10 .review_contents .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;} #contents.type2 #section10 .review_contents .sec4 th.next, #contents.type2 #section10 .review_contents .sec4 td.next{background-color: white} #contents.type2 #section10 .review_contents .sec4 td a{display: block} #contents.type2 #section10 .review_contents .sec5{text-align: center;margin: 50px 0;} #contents.type2 #section10 .review_contents .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px} #contents.type2 #section10 .review_contents .sec6{background-color: #f5f5f5;padding:15px;margin: 10px 0; border:1px solid #d1d1d1; box-sizing:border-box;} #contents.type2 #section10 .review_contents .sec6 > p{margin-bottom: 10px} #contents.type2 #section10 .review_contents .sec6 > p.title{ font-size:16px; font-weight:bold; } #contents.type2 #section10 .review_contents .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; } #contents.type2 #section10 .review_contents .sec6 > p.cont span{ margin-right:15px; } #contents.type2 #section10 .review_contents .sec6 > p.cont i{ color:#dc5411; } #contents.type2 #section10 .review_contents .sec6 > p.cont b{ margin-left:20px; } } @media (min-width:768px) { #contents.type2 #section10 .review_contents .sec1 > p{border-top: none; padding: 15px 0;} #contents.type2 #section10 .review_contents .sec1 > p:nth-of-type(1){width: 58%} #contents.type2 #section10 .review_contents .sec1 > p:nth-of-type(3){width: 42%; text-align:right;} #contents.type2 #section10 .review_contents .sec4 th, #contents.type2 #section10 .review_contents .sec4 td{padding:2.5%; } #contents.type2 #section10 .review_contents .sec6{margin:4.5% 0; padding:3%; } #contents.type2 #section10 .review_contents .sec4 th{width: 80px} } @media (min-width:992px) { #contents.type2 #section10 #modal_review2 { padding-top:100px; } #contents.type2 #section10 .modal-content .frbox { border-radius:15px 15px; padding:30px 15px; } #contents.type2 #section10 .review_contents .sec3 p.tx3 { height:435px; } #contents.type2 #section10 .review_contents .sec3 { height:100%; } #contents.type2 #section10 .review_contents .sec4 th, #contents.type2 #section10 .review_contents .sec4 td{ padding:15px 10px; } #contents.type2 #section10 .review_contents .sec6{ margin:18px 0; padding:20px; } #contents.type2 #section10 .review_contents .sec4 { display:block; } } @media (min-width:1200px) { #contents.type2 #section10 #modal_review { padding-top:70px; } } /************************************************** * 3.11 - section11 (오시는길) **************************************************/ @media (min-width:0) { #contents.type2 #section11 { clear:both; } #contents.type2 #section11 iframe { height:450px; width:100%; } #contents.type2 #section11 h5 { border-bottom:1px solid #232323; color:#232323; font-size:24px; font-weight:500; line-height:1; margin:10px 0 15px; padding-bottom:10px; text-align:left; } #contents.type2 #section11 h6 { color:#232323; font-size:16px; margin:3px 0 5px 0; font-weight:500; } #contents.type2 #section11 p { color:#787878; font-size:17px; line-height:1.4; } #contents.type2 #section11 .loca { margin-bottom:15px; } #contents.type2 #section11 .loca2 { width:100%; } #contents.type2 #section11 .loca2 .icon { float:left; height:80px; width:25%; } #contents.type2 #section11 .loca2 .icon span { color:#fff; display:block; font-size:26px; font-weight:bold; height:70px; line-height:70px; text-align:center; width:100%; } #contents.type2 #section11 .loca2 .txt { box-sizing:border-box; color:#787878; float:left; font-size:13px; line-height:1.4; padding-left:8px; width:75%; } #contents.type2 #section11 .loca2 .color1 { background:#af1f1f; } #contents.type2 #section11 .loca2 .color2 { background:#0071b3; } #contents.type2 #section11 .loca2 .color3 { background:#ff9c00; } } @media (min-width:1200px) { #contents.type2 #section11 .flbox { box-sizing:border-box; float:left; padding-right:30px; width:60%; } #contents.type2 #section11 .frbox { float:left; width:40%; } #contents.type2 #section11 h5 { font-size:28px; } #contents.type2 #section11 p { font-size:18px; } #contents.type2 #section11 .loca2 { padding:10px 0; width:100%; } #contents.type2 #section11 .loca2 .icon span { min-width:70px; } } /************************************************** * 3.12 - section12 (공지사항) **************************************************/ @media (min-width:0) { #contents.type2 #section12 table { border-collapse:collapse; table-layout:fixed; width:100%; } #contents.type2 #section12 table .no_mobile { display:none; } #contents.type2 #section12 table .cont { overflow:hidden; width:70%; } #contents.type2 #section12 table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; } #contents.type2 #section12 table th:nth-of-type(1) { width:20%; } #contents.type2 #section12 table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; vertical-align:middle; } #contents.type2 #section12 table td.cont { text-align:left; } #contents.type2 #section12 table td.cont .imgbox { display:block; width:100%; } #contents.type2 #section12 table td.cont .imgbox a { display:inline-block; width:100%; min-height:160px; background-size:cover; background-position:center; background-repeat:no-repeat; box-sizing:border-box; } #contents.type2 #section12 table td.cont .imgbox + .txtbox { display:block; line-height:1.4; width:100%; } #contents.type2 #section12 table td.cont .txtbox { display:block; line-height:1.4; } #contents.type2 #section12 table td.cont .txtbox .tit { color:#000; font-size:18px; margin-bottom:5px; } #contents.type2 #section12 table th span { color:#333333; } #contents.type2 #section12 table td span { color:#666666; display:block; } #contents.type2 #section12 table td span.content { height:2.8em; } #contents.type2 #section12 table td a { display:block; padding:0 5px; } } @media (min-width:480px) { #contents.type2 #section12 table td.cont .imgbox a { min-height:240px; } } @media (min-width:768px) { #contents.type2 #section12 table td.cont { width:50%; } #contents.type2 #section12 table td.cont .imgbox { box-sizing:border-box; display:inline-block; float:left; width:20%; } #contents.type2 #section12 table td.cont .imgbox a { min-height:85px; } #contents.type2 #section12 table td.cont .imgbox img { float:left; height:100%; margin-right:10px; vertical-align:middle; width:100%; } #contents.type2 #section12 table td.cont .imgbox + .txtbox { display:inline-block; float:left; height:4.2em; line-height:1.4; width:80%; } #contents.type2 #section12 table td.cont .txtbox { width:100%; } #contents.type2 #section12 table .no_mobile { display:table-cell; } #contents.type2 #section12 table th:nth-of-type(1), #contents.type2 #section12 table th:nth-last-of-type(1) { width:10%; } #contents.type2 #section12 table td a { padding:0 20px; } } @media (min-width: 1200px) { #contents.type2 #section12 table th { padding:15px 0; } #contents.type2 #section12 table td { padding:16px 0; } } /************************************************** * 3.13 - section13 (자주하는 질문) **************************************************/ @media (min-width:0) { #contents.type2 #section13 .tab { overflow:hidden; margin:0 auto 20px; border:1px solid #ccc; } #contents.type2 #section13 .tab li { float:left; width:20%; box-sizing:border-box; margin-right:0; border-right:1px solid #ccc; } #contents.type2 #section13 .tab li:last-child { border-right:none; } #contents.type2 #section13 .tab li a { display:block; box-sizing:border-box; padding:10px 2px; background-color:#ffffff; color:#787878; } #contents.type2 #section13 .tab li a:hover, #contents.type2 #section13 .tab li a.active, #contents.type2 #section13 .tab li a:focus { background:#00529b; color:#fff; } #contents.type2 #section13 .tabcontent { border-bottom:1px solid #adadad; border-top:1px solid #adadad; margin-top:10px; padding:0; } #contents.type2 #section13 .panel_open { border-bottom:1px solid #cccccc; padding:12px 10px; } #contents.type2 #section13 .panel_open:nth-last-of-type(1) { border-bottom:none; } #contents.type2 #section13 .panel_open .panel_title { cursor:pointer; position:relative; } #contents.type2 #section13 .panel_open .panel_title span { background-color:#555; color:#fff; display:inline-block; margin-right:5px; padding:5px; } #contents.type2 #section13 .panel_open .panel_title b { font-weight:400; font-size:15px; } #contents.type2 #section13 .panel_open .panel_title span.iconbox { background-color:transparent; display:inline-block; height:16px; margin-right:0; padding:0; position:absolute; right:0px; top:10px; width:16px; } #contents.type2 #section13 .panel_open .panel_content { display:none; padding:10px; } #contents.type2 #section13 .panel_open .panel_content table { width:100%; } #contents.type2 #section13 .panel_open .panel_content th { width:30px; } #contents.type2 #section13 .panel_open .panel_content th span { display:inline-block; margin-right:10px; padding:0 5px; } #contents.type2 #section13 .panel_open .panel_content td { line-height:1.4; color:#787878; } } @media (min-width:768px) { #contents.type2 #section13 .panel_open .panel_title span { padding:7px 10px; } } @media (min-width:1024px) { #contents.type2 #section13 .tabcontent { padding:0; } #contents.type2 #section13 .tabcontent .form_row { margin:10px 0; } #contents.type2 #section13 .tabcontent .form_row label { width:130px; } #contents.type2 #section13 .tabcontent .textbox { width:91%; } #contents.type2 #section13 .panel_open .panel_content { padding:20px; } } @media (min-width:1280px) { #contents.type2 #section13 .tabcontent .textbox { width:1020px; } }